<nz-table nzSize="small" [nzData]="[1]" [nzShowPagination]="false" [nzBordered]="true">
    <tbody>
    <tr>
        <td>
            画布合成/混合模式
        </td>
        <td>
            <select [(ngModel)]="select" (ngModelChange)="handlerModeChange()" style="width:70px">
                <option *ngFor="let option of modeOptions" [value]="option.value"
                           [title]="option.disc">
                    {{option.label}}
                </option>
            </select>
           <!-- <nz-select [(ngModel)]="select" (ngModelChange)="handlerModeChange()" style="width:70px" [nzDropdownMatchSelectWidth]="false">
                <nz-option *ngFor="let option of modeOptions" [nzValue]="option.value"
                           [nzLabel]="option.label" [nzCustomContent]="true">
                    <span>现有的画布内容保持在新图形和现有画布内容重叠的位置。其他的都是透明的</span>
                </nz-option>
            </nz-select>-->
        </td>
    </tr>
    <tr>
        <td>红色影响力</td>
        <td nzShowCheckbox [(nzChecked)]="redChecked" (nzCheckedChange)="affectLayerClicked(redChecked, 'affect-red')">
        </td>
    </tr>
    <tr>
        <td>绿色影响力</td>
        <td nzShowCheckbox [(nzChecked)]="greenChecked" (nzCheckedChange)="affectLayerClicked(greenChecked,'affect-green')"></td>
    </tr>
    <tr>
        <td>蓝色影响力</td>
        <td nzShowCheckbox [(nzChecked)]="blueChecked" (nzCheckedChange)="affectLayerClicked(blueChecked,'affect-blue')"></td>
    </tr>
    <tr>
        <td>说明</td>
        <td></td>
    </tr>
    </tbody>
</nz-table>


